<!DOCTYPE html>
<html lang="en">
<head>
	<link rel="icon" type="image/png" href="{{base_url}}/images/logo.png">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{site.name}}</title>
    <link rel="stylesheet" href="{{base_url}}/css/index.css">
	<script src="{{base_url}}/js/fent.js"></script>
	<script src="{{base_url}}/js/jq.js"></script>
</head>
<body>
    {{include './common/header.html'}}

	<script>
    var device = navigator.userAgent.toLowerCase();
    if (/ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test(device)) {
        window.location = './public/wap5/';
    }
	</script>

    <div class="carousel">
		
		{{ if banner &&banner.length>0}}
			{{each banner}}
			<div class="slide">
			    <img src="{{$value.img_url}}">
			    <div class="text">
			        {{@ $value.title}}
			    </div>
			</div>
			{{/each}}
		{{/if}}
		
    </div>
    <div class="corporate">
        <div class="left">
            <h2>企业文化</h2>
			<div class="cont">{{@ frag['qiyewenhua']}}</div>
            <a href="./guanyuwomen/qiyewenhua/index.html">更多</a>
        </div>
		
		
		
		
		
		
        <div class="right">
            <div class="cor1">
                <img src="{{base_url}}/images/corporate1.png" alt="">
                <p>國際水準</p>
            </div>
            <div class="cor2">
                <img src="{{base_url}}/images/corporate2.png" alt="">
                <p>聚力賦能</p>
            </div>
            <div class="cor3">
                <img src="{{base_url}}/images/corporate3.png" alt="">
                <p>穩健風控</p>
            </div>
            <div class="cor4">
                <img src="{{base_url}}/images/corporate4.png" alt="">
                <p>長期主義</p>
            </div>
            <div class="cor5">
                <img src="{{base_url}}/images/corporate5.png" alt="">
                <p>信如磐石</p>
            </div>
            <div class="cor6">
                <img src="{{base_url}}/images/corporate6.png" alt="">
                <p>稟賦創新</p>
            </div>
        </div>
    </div>
    <div class="banner2">
        <div class="left">
            <div>
                <h1>以客戶需求為己任，以創新服務為覈心</h1>
                <p>安壽理財有限公司，深植於香港國際金融中心的豐富土壤，自21世紀初便開始書寫其輝煌歷史。<br>公司的成立和成長見證了香港金融業的起伏和發展，同時也是全球金融歷史的一部分。<br>公司歷經風雨，始終堅持“以客戶需求為己任，以創新服務為覈心”的理念，致力於為客戶提供卓越的金融服務，成為領先的全球金融服務提供者。<br>自誕生之日起，安壽理財便獲得了AXA安盛集團、長江和記實業、長和有限公司等國際知名企業的信任與投資，這不僅是對其潜力的認可，也是對其未來發展的堅定支持。</p>
                <div>
                    <img src="{{base_url}}/images/logo.png" alt="">
                    <h1>ASWM</h1>
                </div>
            </div>
        </div>
        <div class="right">
            <img src="{{base_url}}/images/banner2.png" alt="">
        </div>
    </div>
    <div class="investment">
        <h1 style="text-align: center;color: white;padding: 50px 0;">投資理念</h1>
        <div class="title inv_item inv_item1">
            <div>
                <img src="{{base_url}}/images/investment1.png" alt="">
            </div>
            <div>
                <div>
                    <h1 style="font-size: 80px;">"</h1>
                    <h1 style="margin-top: -30px;margin-bottom: 30px;">百年传承</h1>
                    <p>
						壽理財強調長期價值的投資理念，陪伴客戶走過了幾十年的歷史，AXA安盛集團亦為百年集團以穩健經營為特色。 安壽理財傳承股東理念，致力於成為客戶的長期合作夥伴。 我們不僅僅著眼於當下的收益，更要陪伴客戶經歷不同的生命階段、度過多個經濟週期，隨著時間的沉澱實現財富的持續積累
					</p>
                </div>
                
            </div>
        </div>
        <div class="title inv_item inv_item2" style="display: none;">
            <div>
                <img src="{{base_url}}/images/investment1.png" alt="">
            </div>
            <div>
                <div>
                    <h1 style="font-size: 80px;">"</h1>
                    <h1 style="margin-top: -30px;margin-bottom: 30px;">責任投資</h1>
                    <p>
						壽理財強調長期價值的投資理念，陪伴客戶走過了幾十年的歷史，AXA安盛集團亦為百年集團以穩健經營為特色。 安壽理財傳承股東理念，致力於成為客戶的長期合作夥伴。 我們不僅僅著眼於當下的收益，更要陪伴客戶經歷不同的生命階段、度過多個經濟週期，隨著時間的沉澱實現財富的持續積累
					</p>
                </div>
                
            </div>
        </div>
        <div class="title inv_item inv_item3" style="display: none;">
            <div>
                <img src="{{base_url}}/images/investment1.png" alt="">
            </div>
            <div>
                <div>
                    <h1 style="font-size: 80px;">"</h1>
                    <h1 style="margin-top: -30px;margin-bottom: 30px;">前瞻思考</h1>
                    <p>壽理財強調長期價值的投資理念，陪伴客戶走過了幾十年的歷史，AXA安盛集團亦為百年集團以穩健經營為特色。 安壽理財傳承股東理念，致力於成為客戶的長期合作夥伴。 我們不僅僅著眼於當下的收益，更要陪伴客戶經歷不同的生命階段、度過多個經濟週期，隨著時間的沉澱實現財富的持續積累</p>
                </div>
                
            </div>
        </div>
        <div class="title inv_item inv_item4" style="display: none;">
            <div>
                <img src="{{base_url}}/images/investment1.png" alt="">
            </div>
            <div>
                <div>
                    <h1 style="font-size: 80px;">"</h1>
                    <h1 style="margin-top: -30px;margin-bottom: 30px;">多元融合</h1>
                    <p>壽理財強調長期價值的投資理念，陪伴客戶走過了幾十年的歷史，AXA安盛集團亦為百年集團以穩健經營為特色。 安壽理財傳承股東理念，致力於成為客戶的長期合作夥伴。 我們不僅僅著眼於當下的收益，更要陪伴客戶經歷不同的生命階段、度過多個經濟週期，隨著時間的沉澱實現財富的持續積累</p>
                </div>
                
            </div>
        </div>
        <div class="inv_btn">
            <div class="inv_btn1">
                <p>●</p>
                <p>百年傳承</p>
            </div>
            <div class="inv_btn2">
                <p>●</p>
                <p>責任投資</p>
            </div>
            <div class="inv_btn3">
                <p>●</p>
                <p>前瞻思考</p>
            </div>
            <div class="inv_btn4">
                <p>●</p>
                <p>多元融合</p>
            </div>
        </div>
    </div>
   <div class="product">
	   
		<h1><img src="{{base_url}}/images/prd_title.png"/></h1>
       <div class="shop">
           <div class="shoplis">
               <img src="{{base_url}}/images/pro1.png" alt="">
               <h1>安潤系列</h1>
               <p>固收類</p>
               <p>適合流動性要求較高、追求穩健回報的投資人</p>
               </div>
               <div class="shoplis">
               <img src="{{base_url}}/images/pro2.png">
               <h1>安源系列</h1>
               <p>固收類</p>
               <p>適合中長期限投資、追求穩健回報的投資人</p>
               </div>
               <div class="shoplis">
               <img src="{{base_url}}/images/pro3.png">
               <h1>安恒系列</h1>
               <p>混合類</p>
               <p>適合中長期限投資、追求高於穩健回報的投資人</p>
               </div>
               <div class="shoplis">
               <img src="{{base_url}}/images/pro4.png">
               <h1>安添系列</h1>
               <p>混合類</p>
               <p>適合長期限投資、追求高於穩健回報的投資人</p>
               </div>
               <div class="shoplis">
               <img src="{{base_url}}/images/pro5.png">
               <h1>安鴻系列</h1>
               <p>權益類</p>
               <p>適合長期投資、高收益彈性的投資人</p>
           </div>            
       </div>
   </div>
      
   
	
	
	<div class="publicize">
        <div class="left">
            <p>宣<br>传<br>片</p>
        </div>
        <div class="right">
			<video style="width: 100%;height: 600px;" src="http://mobile.aswm.pro/mv.mp4" poster="{{base_url}}/images/publicize1.png" controls autoplay></video>
            <!-- <img src="{{base_url}}/images/publicize1.png" alt=""> -->
        </div>
    </div>
    <div class="news">
        <div>
			<img src="{{base_url}}/images/new_title.png"/>
            <!-- <h1>要闻快报</h1> -->
            <ul>
                <li><a href="./yaowenkuaibao/index.html">要聞快報</a></li>
                <li><a href="./yaowenkuaibao/yixianchuansheng/index.html">一線傳聲</a></li>
                <li><a href="./yaowenkuaibao/shishixinwen/index.html">時事新聞</a></li>
                <li><a href="./yaowenkuaibao/shibinzhuanqu/index.html">視頻專區</a></li>
            </ul>
        </div>
        <div>
            <div class="left">
                <img src="{{base_url}}/images/news.png" alt="">
            </div>
            <div class="right" id="arclist">
                
            </div>
        </div>
    </div>
    {{include './common/footer.html'}}

</body>
<script>
	// $.get("https://www.aswm.pro/api-chancms/v1/getArticleList?attr=&len=5&cid=1", data =>{
	// 	console.log(data);
	// })
	
	$.get("./api-chancms/v1/list?id=11&current=1&pageSize=5", data =>{
		console.log(data);
		let context = '<ul>';
		data.data.list.forEach(item=>{
			context += '<li><a href="/article-'+item.id+'.html"><p>'+item.title+'</p><p>'+item.description+'</p></a></li>'
		})
		context+="</ul><a href='./yaowenkuaibao/index.html'>更多</a>"
		$("#arclist").html(context)
	})
	
    document.querySelector('.about').addEventListener('mouseover', function() {
        document.querySelector('.submenu').style.display = 'block';
    });

    document.querySelector('.about').addEventListener('mouseout', function() {
        document.querySelector('.submenu').style.display = 'none';
    });
</script>
<script>
    // 轮播图
    const slides = document.querySelectorAll('.slide');
    let currentSlide = 0;
    function showSlide(index) {
        slides.forEach((slide, i) => {
            slide.style.transform = `translateX(${100 * (i - index)}%)`;
        });
    }
    function nextSlide() {
        // console.log("Before nextSlide()", currentSlide, slides.length);
        currentSlide = (currentSlide + 1) % slides.length;
        // console.log("After nextSlide()", currentSlide, slides.length);
        showSlide(currentSlide);
    }
    setInterval(function() {
        console.log("setInterval()", currentSlide, slides.length);
        nextSlide();
    }, 3000);
    showSlide(currentSlide);

    // 切换
    var inv_btn1 = document.querySelector('.inv_btn1');
    var inv_btn2 = document.querySelector('.inv_btn2');
    var inv_btn3 = document.querySelector('.inv_btn3');
    var inv_btn4 = document.querySelector('.inv_btn4');

    var currentIndex = 1;
    var maxIndex = 4;

    function autoSwitch() {
    // 模拟点击下一个按钮
    currentIndex = currentIndex % maxIndex + 1;
    var currentBtn = document.querySelector('.inv_btn' + currentIndex);
    currentBtn.click();
    }
    var intervalId = setInterval(autoSwitch, 2000); 
    function stopAutoSwitch() {
        clearInterval(intervalId);
    }
    inv_btn1.onclick = function() {
        var inv_item1 = document.querySelector('.inv_item1').style.display = 'flex';
        var inv_item2 = document.querySelector('.inv_item2').style.display = 'none';
        var inv_item3 = document.querySelector('.inv_item3').style.display = 'none';
        var inv_item4 = document.querySelector('.inv_item4').style.display = 'none';
        inv_btn1.style.color = 'rgb(35, 117, 255)';
        inv_btn2.style.color = 'white';
        inv_btn3.style.color = 'white';
        inv_btn4.style.color = 'white';
    }
    inv_btn2.onclick = function() {
        var inv_item1 = document.querySelector('.inv_item1').style.display = 'none';
        var inv_item2 = document.querySelector('.inv_item2').style.display = 'flex';
        var inv_item3 = document.querySelector('.inv_item3').style.display = 'none';
        var inv_item4 = document.querySelector('.inv_item4').style.display = 'none';
        inv_btn1.style.color = 'white';
        inv_btn2.style.color = 'rgb(35, 117, 255)';
        inv_btn3.style.color = 'white';
        inv_btn4.style.color = 'white';
    }
    inv_btn3.onclick = function() {
        var inv_item1 = document.querySelector('.inv_item1').style.display = 'none';
        var inv_item2 = document.querySelector('.inv_item2').style.display = 'none';
        var inv_item3 = document.querySelector('.inv_item3').style.display = 'flex';
        var inv_item4 = document.querySelector('.inv_item4').style.display = 'none';
        inv_btn1.style.color = 'white';
        inv_btn2.style.color = 'white';
        inv_btn3.style.color = 'rgb(35, 117, 255)';
        inv_btn4.style.color = 'white';
    }
    inv_btn4.onclick = function() {
        var inv_item1 = document.querySelector('.inv_item1').style.display = 'none';
        var inv_item2 = document.querySelector('.inv_item2').style.display = 'none';
        var inv_item3 = document.querySelector('.inv_item3').style.display = 'none';
        var inv_item4 = document.querySelector('.inv_item4').style.display = 'flex';
        inv_btn1.style.color = 'white';
        inv_btn2.style.color = 'white';
        inv_btn3.style.color = 'white';
        inv_btn4.style.color = 'rgb(35, 117, 255)';
    }
	
	

</script>
</html>

